<script>
export default {
  name: 'TableExpand',
  functional: true,
  props: {
    row: Object, // 当前行的信息
    render: Function, // 渲染函数
    index: Number, // 索引
    column: { // 遍历这一项的信息
      type: Object,
      default: null
    }
  },
  // ctx是上下文，ctx.props可以获取到当前函数式组件的props，可以调用当前组件的任务属性
  // h是创建html标签并添加内容
  render: (h, ctx) => {
    // 将父组件传递过来的值合成一个对象接收
    const params = {
      // 当前行信息
      row: ctx.props.row,
      // 索引
      index: ctx.props.index
    }
    // 果果当前行有信息为params加上
    if (ctx.props.column) params.column = ctx.props.column
    console.log(params)
    return ctx.props.render(h, params)
  }
}
</script>
